
.gallery-wrap {
    margin: 5px;
}

.gallery-wrap:before, .gallery-wrap:after {
    display: table;
    content: " ";
}

.gallery-wrap:after {
    clear: both;
}

.gallery-wrap .column {
    margin: 0;
    padding: 0;
}

.gallery-wrap .column .inner {
    width: 240px;
    margin: 5px;
    position: relative;
    overflow: hidden;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.5);
    float: left;
}

.gallery-wrap .column .inner:hover {
    -webkit-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.5);
}

.gallery-wrap .column .inner .img-wrap {
    cursor: default;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.gallery-wrap .column .inner .img-wrap {
    width: 100%;
    overflow: hidden;
    background: rgb(228, 228, 228);
}

.gallery-wrap
.column
.inner
.img-frame
{
    padding: 5px;

    background: #fff;

    display: block;

    position: relative;

    -webkit-transition: All 0.4s ease;

    -moz-transition: All 0.4s ease;

    -o-transition: All 0.4s ease;

}

.gallery-wrap .column .inner:hover .img-frame {
    background: #fff;
}

.gallery-wrap .column .inner:hover .img-frame.success {
    background: #65BD77;
}

.gallery-wrap .column .inner:hover .img-frame.warning {
    background: #EBC85E;
}

.gallery-wrap .column .inner:hover .img-frame.danger {
    background: #D73D3D;
}

.gallery-wrap .column .inner:hover .img-frame.info {
    background: #67B0D1;
}

.gallery-wrap .column .inner .img-wrap img {
    width: 100%;
}

.gallery-wrap .column .inner .caption-hover {
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    text-align: center;
    color: #909090;
    padding: 10px;
    background: #eee;
    -webkit-transition: All 0.4s ease;
    -moz-transition: All 0.4s ease;
    -o-transition: All 0.4s ease;
}

.gallery-wrap .column .inner .caption-hover.success {
    color: #2C7439;
    background: #65BD77;
}

.gallery-wrap .column .inner .caption-hover.danger {
    color: #790D0D;
    background: #D73D3D;
}

.gallery-wrap .column .inner .caption-hover.warning {
    color: #B27C05;
    background: #EBC85E;
}

.gallery-wrap .column .inner .caption-hover.info {
    color: #0A487C;
    background: #67B0D1;
}

.gallery-wrap .column .inner:hover .caption-hover {
    bottom: 0px;
}

.gallery-wrap .column .inner .caption-static {
    position: relative;
    text-align: left;
    color: #909090;
    padding: 5px;
    background: #fff;
    margin: 0;
}

.gallery-wrap .column .inner a:hover {
    text-decoration: none;
}

.gallery-wrap .column .inner .caption-static.success {
    color: #2C7439;
    background: #65BD77;
}

.gallery-wrap .column .inner .caption-static.danger {
    color: #790D0D;
    background: #D73D3D;
}

.gallery-wrap .column .inner .caption-static.warning {
    color: #B27C05;
    background: #EBC85E;
}

.gallery-wrap .column .inner .caption-static.info {
    color: #0A487C;
    background: #67B0D1;
}

/*.delLite {
    background: url(../aimages/icon2.png) no-repeat -20px -56px;
    width: 13px;
    height: 13px;
    display: inline-block;
    margin: 0 5px 0 5px;
}

.delLite:hover {
    background: url(../aimages/icon2.png) no-repeat -20px -73px;
}*/

.gallery-wrap .column .inner .filetype {
    width: 100%;
    height: calc(100% - 30px);
    top: 0;
    position: absolute;
    display: block;
}

.gallery-wrap .column .inner .filetype img {
    width: 60px;
    height: 60px;
    position: absolute;
    display: block;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
}